;(function(global) {
  global.chapter = {
    template: `
          <div>
            <div v-if="sh" class="flex-wrap flex-justify-between flex-center-wrap chapter-container">
                <div class="flex text-ess-1 chapter-left">
                    <span v-if="item.isfree" class="chapter-icon1">
                      <img src="./image/chapter/canUse.png">
                    </span>
                    <span v-else  class="chapter-icon1">
                      <img src="./image/chapter/notUse.png">
                    </span>
                    <span class="chapter-time">{{ item.time }}</span>
                    {{ item.title }}
                </div>
                <div class="chapter-right">
                  <span v-if="isShow&&item.donums>0"><span class="hasDonums">{{ item.donums }}</span>/</span><span v-if="isShow&&!item.donums>0">{{ item.donums }}/</span>{{ item.quescount }}
                </div>
            </div>
            <div v-else></div>
          </div>
        `,
    data() {
      return {
        sh: true
      }
    },
    props: ['item', 'num', 'isShow'],
    computed: {},
    methods: {},
    watch: {
      // item() {
      //   this.sh = true
      // }
    },
    created() {},
    mounted() {}
  }
})(window)
